<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/index.css">

</head>
<body>
<!-- 头部 -->
<div class="container">
  <nav class="navbar navbar-default" role="navigation">
      <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
          </button>
         <a class="navbar-brand" href="#"></a>
      </div>
      <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav navbar-right">
              <li><a href="#" style="color: green;border-bottom: 2px solid green;">首页</a></li>
              <li><a href="html/company.html">关于公司</a></li>
              <li><a href="html/display.html">产品展示</a></li>
              <li><a href="html/join.html">招商加盟</a></li>
              <li><a href="html/contact.html">联系我们</a></li>
          </ul>
      </div>
  </nav>
</div>

<!-- 轮播图 -->
<div id="carousel-id" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carousel-id" data-slide-to="0" class=""></li>
        <li data-target="#carousel-id" data-slide-to="1" class=""></li>
        <li data-target="#carousel-id" data-slide-to="2" class="active"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item">
            <img data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide" alt="First slide" src="images/aboutus_banner.jpg">
            
        </div>
        <div class="item">
            <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide" src="images/banner.jpg">
           
        </div>
        <div class="item active">
            <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide" src="images/banner02.jpg">

        </div>
    </div>
    <a class="left carousel-control" href="#carousel-id" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    <a class="right carousel-control" href="#carousel-id" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>


<!-- 企业精神 -->
<div class="container">
    <h3 class="middle-p">企业精神</h3>
    <div class="middle">
        <div class="col-md-3">
             <img src="images/pinpai.png" style="width: 30%;" >
              <p style="color: seagreen;font-size: 24px;">品质</p>
              <p style="font-size: 14px;color: black;">品质是品牌的发展基石</p>
              <p style="font-size: 14px;color: black;">坚持好品质，必定铸就优质品牌</p>
       </div>
       <div class="col-md-3" >
            <img src="images/keji.png" style="width: 30%;">
            <p style="color: seagreen;font-size: 24px;">科技</p>
            <p style="font-size: 14px;color: black;">科技是品牌的主推力</p>
            <p style="font-size: 14px;color: black;">只有不断科技创新，才能不会被淘汰</p>
       </div>
       <div class="col-md-3" >
            <img src="images/chengxin.png" style="width: 30%;">
             <p style="color: seagreen;font-size: 24px;">诚信</p>
             <p style="font-size: 14px;color: black;">诚信是品牌的防护盾</p>
             <p style="font-size: 14px;color: black;">诚信企业，放心品牌才能走的更长久</p>
        </div>
        <div class="col-md-3" >
             <img src="images/gongying.png" style="width: 30%;">
             <p style="color: seagreen;font-size: 24px;">共赢</p>
             <p style="font-size: 14px;color: black;">共赢是品牌的生命力</p>
             <p style="font-size: 14px;color: black;">与客户共赢，与员工共赢与企业共赢</p>
        </div>
    </div>


    <!-- 产品展示 -->
     <div class="display">
         <div class="display-title">
           <p class="display-frame">产品展示</p>
        </div>
    </div>

    <div class="container">
        
        <div class="row">
            
            <div class="col-lg-4 col-sm-6 col-xs-12 pic">
                <img src="images/item01.jpg">
            </div>
            <div class="col-lg-4 col-sm-6 col-xs-12 pic">
                <img src="images/item02.jpg">
            </div>
            <div class="col-lg-4 col-sm-6 col-xs-12 pic">
                <img src="images/item03.jpg">
            </div>
            <div class="col-lg-4 col-sm-6 col-xs-12 pic">
                <img src="images/item04.jpg">
            </div>
            <div class="col-lg-4 col-sm-6 col-xs-12 pic">
                <img src="images/item05.jpg">
            </div>
            <div class="col-lg-4 col-sm-6 col-xs-12 pic">
                <img src="images/item06.jpg">
            </div>
        </div>
    </div>
</div>

<!-- 底部开始 -->
<div class="footer" >
    <div class="footer-one">
        <div class="col-md-3 col-sm-4">
            <div class="footer-logo">
                <img src="images/logo.ico">
            </div>
        </div>
        <div class="col-md-6 col-sm-8 footer-a">
          <div class="footer-two">
            <div class="col-md-3 col-sm-3">
                <a href="#">关于公司</a>
            </div>
            <div class="col-md-3 col-sm-3">
                <a href="#">产品展示</a>
            </div>
            <div class="col-md-3 col-sm-3">
                <a href="#">招商加盟</a>
            </div>
            <div class="col-md-3 col-sm-3">
                <a href="#">加入我们</a>
            </div>
          </div>
          <p class="footer-bock">版权所有&copy;木兮实业有限公司&nbsp;&nbsp;鄂ICP备18011650号</p>
        </div>
       <div class="col-md-3 col-sm-12">
           <div class="row contact">
              <p class="col-md-12 col-sm-4">
                  <img src="images/电 话.png" width="16px" height="16px">
                  027-83622296
              </p>
              <p class="col-md-12 col-sm-4">
                 <img src="images/手机.png" width="16px" height="16px">
                 13387576980
              </p>
              <p class="col-md-12 col-sm-4">
                <img src="images/邮箱.png" width="16px" height="16px">
                yt15@163.com
              </p>
           </div>
       </div>
    </div>

</div>
<script src="lib/jquery-3.2.1.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>

</body>
</html>
